<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/shichangshouye.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--申请代理页面，container申请代理页面总name名-->
		<div class="container">
			<!--newHead是自动跟随页面的总name名-->
			<div class="newHead">
				<!--定位-->
				<div class="w-div">
					<!--左边icon的定位-->
					<div class="w-div-left">
						<a href="index.html">
							<i class="iconfont">&#xe703;</i>
						</a>
					</div>
					<!--中间内容-->
					<div class="w-div-center">
						<div class="active">
							<a href="shichangshouye.html">
								申请代理
							</a>
						</div>
						<div class="_active">
							<a href="supplier.html">
								申请供应商
							</a>
						</div>
					</div>
					<!--右边icon的定位-->
					<div class="w-div-right">
						<a href="#">
							<i class="iconfont">&#xe621;</i>
						</a>
					</div>
				</div>
			</div>
			<!--下面的内容总name名-->
			<div class="rowTop">
				<!--input框所在位置的总name名-->
				<div class="w-seach-all">
					<!--input框属性-->
					<div class="w-seach">
						<!--放大镜定位-->
						<span><i class="iconfont">&#xe662;</i></span>
						<input type="text" class="txt" name="" id="" value="" placeholder="请在这里输入您想要的商品"/>
						<!--叉号定位-->
						<span><i class="sha"><img src="img/close.png"/></i></span>
					</div>
				</div>
				<div class="agent-list">
					<!--"申请代理"所在区域-->
					<div class="item">
						<!--已申请左边内容-->
						<div class="ml">
							<div class="ml-logo-1">
								<a href="#">
									<img src="img/1_03.png"/>
								</a>
							</div>
							<div class="mc">
								<p>供应商品牌名称</p>
								<p>
									<a href="#">
										<img src="img/agent_ico1.png"/>
									</a>
									<a href="#">
										<img src="img/agent_ico2.png"/>
									</a>
									<a href="#">
										<img src="img/agent_ico3.png"/>
									</a>
								</p>
							</div>
						</div>
						<!--已申请右边内容-->
						<div class="mr">
							<a href="#">
								已申请
							</a>
						</div>
					</div>
				</div>
				<!--下面四张图片的属性-->
				<div class="mb">
					<a href="#">
						<img src="img/1_03.jpg"/>
					</a>
					<a href="#">
						<img src="img/1_03.jpg"/>
					</a>
					<a href="#">
						<img src="img/1_03.jpg"/>
					</a>
					<a href="#">
						<img src="img/1_03.jpg"/>
					</a>
				</div>
				<div class="agent-list">
					<!--"申请代理"所在区域-->
					<div class="item">
						<!--申请代理左边内容-->
						<div class="ml">
							<div class="ml-logo-1">
								<a href="#">
									<img src="img/1_03.png"/>
								</a>
							</div>
							<div class="mc">
								<p>供应商品牌名称</p>
								<p>
									<a href="#">
										<img src="img/agent_ico1.png"/>
									</a>
									<a href="#">
										<img src="img/agent_ico2.png"/>
									</a>
									<a href="#">
										<img src="img/agent_ico3.png"/>
									</a>
								</p>
							</div>
						</div>
						<!--申请代理右边内容-->
						<div class="mr-f">
							<a href="#">
								申请代理
							</a>
						</div>
					</div>
				</div>
				<!--下面四张图片的属性-->
				<div class="mb">
					<a href="#">
						<img src="img/1_03.jpg"/>
					</a>
					<a href="#">
						<img src="img/1_03.jpg"/>
					</a>
					<a href="#">
						<img src="img/1_03.jpg"/>
					</a>
					<a href="#">
						<img src="img/1_03.jpg"/>
					</a>
				</div>
			</div>
		</div>
		<!--申请代理的弹窗部分-->
		<div class="overlayBG"> 
			<div class="kong"></div>
			<div class="BG-window">
				<div class="content">
					<div class="content-p content-y">
						<div class="content-t">
							申请代理
						</div>
						<div class="content-body">
							<div class="input-top">
								<div class="input-top-l">
									联系人
								</div>
								<div class="input-top-r">
									<input type="text" name="" id="" value="" placeholder="请输入联系人"/>
								</div>
							</div>
							<div class="input-top">
								<div class="input-top-l">
									联系电话
								</div>
								<div class="input-top-r">
									<input type="text" name="" id="" value="" placeholder="请输入联系人电话"/>
								</div>
							</div>
							<div class="input-top">
								<div class="input-top-l">
									备注
								</div>
								<div class="input-top-r">
									<input type="text" name="" id="" value="" placeholder="请输入备注名称"/>
								</div>
							</div>
						</div>
					</div>
					<div class="content-bottom">
						<a href="#">提交</a>
					</div>
				</div>
			</div>
		</div>
		<!--<div class="bg"></div>-->
		
		<script type="text/javascript">
			var shenqing = document.querySelector(".mr-f")
			var overlayBG = document.querySelector(".overlayBG")
			var kong = document.querySelector(".kong")
			shenqing.addEventListener("click",function(){
				overlayBG.style.display="block";
			})
			kong.addEventListener("click",function(){
				overlayBG.style.display="none";
			})	
//			点击叉号清空input框value值
			var sha = document.querySelector(".sha");
			var txt = document.querySelector(".txt");
			sha.addEventListener("click",function(){
				txt.value = "";
			})
		</script>
		<!--<script type="text/javascript">
			var bg = document.querySelector(".bg")
			var _active = document.querySelector("._active")
			_active.addEventListener("click",function(){
				container.style.translate3d="-100%,0,0";
			})
		</script>-->
		
		
		
		
		
		
	</body>
</html>
